<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-title" content="标题"> <!-- 添加到主屏后的标题（iOS 6 新增） -->
    <meta name="apple-mobile-web-app-capable" content="yes"><!-- 是否启用 WebApp 全屏模式 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="white-translucent">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>试客签到</title>
    <link rel="stylesheet" href="../../css/mobile_reset.css">
    <link rel="stylesheet" href="../../css/mui.css">
    <link rel="stylesheet" href="../../css/modal_alert.css">
    <link rel="stylesheet" href="../../css/invite_friends/shike_signIn.css">
    <script>
        (function () {
            document.addEventListener('DOMContentLoaded', function () {
                var html = document.documentElement;
                var windowWidth = html.clientWidth;
                html.style.fontSize = windowWidth / 7.5 + 'px';
                // 等价于html.style.fontSize = windowWidth / 750 * 100 + 'px';
            }, false);
        })();

        // 这个7.5就是根据设计稿的横向宽度来确定的，假如你的设计稿是640
        // 那么 html.style.fontSize = windowWidth / 6.4 + 'px';
    </script>
</head>
<body>
<!--s试客签到-->
<div class="shike_signIn">
    <a href="" class="signIn_btn">
        <img src="../../images/invite_friends/sign_button_sign_default@2x.png" alt="">
    </a>
</div>
<!--签到完成-->
<div class="signIn_finish">
    <p><img src="../../images/invite_friends/sign_icon_money_default@2x.png" alt=""></p>
    <p>可用夺宝币：<span><b>51000</b>个</span></p>
    <p><b>已签到(+5个夺宝币),明天再来哦~</b></p>
</div>
<div></div>
<!--今日新品-->
<div class="today_newProduct">
    <div class="today_newProduct_title">
        <h1><span class="line"></span><span>今日新品</span><span class="line"></span></h1>
    </div>
</div>
<!--弹框-->
<div class="modal_box signIn_box">
    <div class="modal_content">
        <div class="main">
            <p><img src="../../images/invite_friends/sign_icon_popup_money_default@2x.png" alt=""></p>
            <p>恭喜您获得夺宝币5个</p>
        </div>
        <p class="close"><img src="../../images/invite_friends/sign_icon_popup_off_default@2x.png" alt=""></p>
    </div>
    <div class="mask_layer"></div>
</div>
</body>
<script type="text/javascript" src="../../js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="../../js/mui.js"></script>
<script src="../../js/alert.js "></script>
<script>
    $(function(){
        $('.signIn_btn').on('tap',function(){
            $('.signIn_box').css('display','block');
        });
        $('.close').on('tap',function(){
            $('.shike_signIn').css('display','none');
            $('.signIn_finish').css('display','block');
        })
    })
</script>
</html>